<%--
  Created by IntelliJ IDEA.
  User: 陈林
  Date: 2020/2/6
  Time: 12:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" isELIgnored="false" pageEncoding="utf-8"%>
<%@ include file="/webpage/common/include/taglib.jsp"%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <%@ include file="/webpage/common/include/ltie9.jsp"%>
    <!--<script type="text/javascript" src="/resources/lib/html5shiv.js"></script>-->
    <!--<script type="text/javascript" src="/resources/lib/respond.min.js"></script>-->
    <![endif]-->
    <%--<link href="/resources/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />--%>
    <link href="/resources/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
    <%--<link href="/resources/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />--%>
    <%--<link href="/resources/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />--%>
    <%@include file="/webpage/common/include/head.jsp"%>
    <!--[if IE 6]>
    <%@ include file="/webpage/common/include/ltie6.jsp"%>
    <!--<script type="text/javascript" src="/resources/lib/DD_belatedPNG_0.0.8a-min.js" ></script>-->
    <!--<script>DD_belatedPNG.fix('*');</script>-->
    <![endif]-->
    <title>天然气后台登录</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span>
    系统管理
    <span class="c-gray en">&gt;</span>
    系统日志
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
    <div class="text-c"> 日期范围：
        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;">
        -
        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;">
        <input type="text" name="" id="" placeholder="日志名称" style="width:250px" class="input-text">
        <button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜日志</button>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20">
		<span class="l">
		<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
		</span>
        <span class="r">共有数据：<strong>54</strong> 条</span>
    </div>
    <table class="table table-border table-bordered table-bg table-hover table-sort">
        <thead>
        <tr class="text-c">
            <th width="25"><input type="checkbox" name="" value=""></th>
            <th width="80">序号</th>
            <th width="100">客户端ip</th>
            <th width="100">方法</th>
            <th width="17%">访问者</th>
            <th width="120">url</th>
            <th width="120">执行时间</th>
            <th width="120">访问时间</th>
            <th width="70">操作</th>
        </tr>
        </thead>
        <tbody>
        <%--<tr class="text-c">--%>
            <%--<td width="25"><input type="checkbox" name="" value=""></td>--%>
            <%--<td width="80">序号</td>--%>
            <%--<td width="100">客户端ip</td>--%>
            <%--<td width="10%">方法</td>--%>
            <%--<td width="17%">访问者</td>--%>
            <%--<td width="120">url</td>--%>
            <%--<td width="120">执行时间</td>--%>
            <%--<td width="120">访问时间</td>--%>
            <%--<td width="70">操作</td>--%>
        <%--</tr>--%>
        <%--<tr class="text-c">--%>
            <%--<td><input type="checkbox" value="" name=""></td>--%>
            <%--<td>15686</td>--%>
            <%--<td>1</td>--%>
            <%--<td>登录成功!</td>--%>
            <%--<td>admin</td>--%>
            <%--<td>61.2--%>
                <%--33.7.80</td>--%>
            <%--<td>2014-6-11 11:11:42</td>--%>
            <%--<td><a title="详情" href="javascript:;" onclick="system_log_show(this,'10001')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe665;</i></a>--%>
                <%--<a title="删除" href="javascript:;" onclick="system_log_del(this,'10001')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>--%>
        <%--</tr>--%>
        </tbody>
    </table>
    <div id="pageNav" class="pageNav"></div>
</div>
<!--_footer 作为公共模版分离出去-->
<%--<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>--%>
<%--<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>--%>
<%--<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>--%>
<%--<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->--%>
<%@include file="/webpage/common/include/footer.jsp"%>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${ctxLib}/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="${ctxLib}/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="${ctxLib}/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    var lang = {
        "sProcessing": "处理中...",
        "sLengthMenu": "每页 _MENU_ 条",
        "sZeroRecords": "没有匹配结果",
        "sInfo": "当前显示第 _START_ 至 _END_ 条，共 _TOTAL_ 条。",
        "sInfoEmpty": "当前显示第 0 至 0 条，共 0 条",
        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
        "sInfoPostFix": "",
        "sSearch": "本地搜索：",
        "sUrl": "",
        "sEmptyTable": "暂无数据",
        "sLoadingRecords": "载入中...",
        "sInfoThousands": ",",
        "oPaginate": {
            "sFirst": "首页",
            "sPrevious": "上页",
            "sNext": "下页",
            "sLast": "末页",
            "sJump": "跳转"
        }
    };
    //记录排序的关键
    var count = 0;
    var flag_count;
    var flag_length;
    $('.table-sort').dataTable({
        // "language":lang,
        "serverSide":true,
        "ajax":function (data, callback, settings) {
                // "url":"http://localhost:8080/log/logweb/listjson",
                // "type": 'GET',
                // "dataType": 'json',
                // "data":function (dataJson) {
                // console.log(dataJson);
                // return dataJson;
                // // return JSON.stringify(dataJson);
            // console.log(data);
            var oTable = $('.table-sort').dataTable();
            var oSettings = oTable.fnSettings();
            var paging_length=oSettings._iDisplayLength;//当前每页显示多少
            var paging_start =oSettings._iDisplayLength;//数据开始阶段
            // 获取页码值
            var pageNo =Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength)+1;
            //获取页面分割长度
            var params = {};
            params['page.pageSize'] = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
            // params['page.offSet'] = data.start;//开始的记录序号
            params['page.pageNo'] = pageNo;
            // params['page.pageNo']   = (data.start / data.length)+1;//当前页码
            // console.log(params);
            $.ajax({
                type: "GET",
                url: "http://localhost:8080/log/logweb/listjson",
                cache: false,  //禁用缓存
                data: params,  //传入组装的参数
                dataType: "json",
                success: function (result) {
                    //封装返回的数据
                    var returnData = {};
                    returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
                    returnData.recordsTotal = result.count;//总记录数
                    returnData.recordsFiltered = result.count;//后台不实现过滤功能，每次查询均视作全部结果
                    returnData.data = result.data;
                    //调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
                    //此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
                    callback(returnData);
                }


            });

        },
        "bLengthChange":true,
        "stripeClasses": ["odd", "even"],
        "fnRowCallback":function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
            //动态设置class属性
            $(nRow).attr("class","text-c")
        },
        "fnAdjustColumnSizing":false,
        "bAutoWidth":false,//禁止自动列宽计算
        "alengthMenu":true,//显示数量选择
        "bFilter": false,//过滤功能
        "bPaginate": true,//翻页信息
        "bInfo": true,//数量信息
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,3]}// 制定列不参与排序
        ],
        "columns":[
            {"data":function (obj) {
                    return '<input type="checkbox" value="" name="">';
                }},
            {"data":function (obj) {
                    var oTable = $('.table-sort').dataTable();
                    var oSettings = oTable.fnSettings();
                    var paging_length=oSettings._iDisplayLength;//当前每页显示多少
                    var paging_start =oSettings._iDisplayStart;//数据开始阶段
                    if(count == 0){
                        flag_count = paging_start;
                        flag_length = paging_length;
                    }
                    if(count==paging_length || flag_count!=paging_start||flag_length != paging_length ){
                        count=1;
                        flag_count = paging_start;
                        flag_length = paging_length;
                    }else
                        count++;
                    obj.id = paging_start+count;
                return obj.id;
                }},
            {"data":"ip","name":"ip"},
            {"data":"method","name":"方法"},
            {"data":"userName","name":"访问者"},
            {"data":"url","name":"url"},
            {"data":"executionTime","name":"执行时间"},
            {"data":"visitTime","name":"访问时间"},
            {"data":function (obj) {
                var strDetail = '<a title="详情" href="javascript:;" onclick="system_log_show(this,\'10001\')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe665;</i></a>';
                var strDel = '<a title="删除" href="javascript:;" onclick="system_log_del(this,\'10001\')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>';
                return strDetail+strDel;
                }}
        ]
    });
    /*查看日志*/
    function system_log_show(){

    }
    /*日志-删除*/
    function system_log_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: '',
                dataType: 'json',
                success: function(data){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                },
                error:function(data) {
                    console.log(data.msg);
                },
            });
        });
    }
</script>
</body>
</html>
